#nav-area {
	width: 100%;
	margin-top: 2.2rem;
}

section#section-area {
	width: 100%;
	margin: 0.5rem auto;
	/*margin-top: 0.2rem;*/
}


/*搬家很累很难？*/

.house-move-title {
	width: 100%;
	height: auto;
	margin: 1rem auto;
	text-align: center;
	box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.2);
}

.house-move-title>h2 {
	font-size: 28px;
	padding: 0.4rem 0;
}

.tired-to-move-house {
	width: 100%;
	height: auto;
	height: 4rem;
	background: url(https://www.huolala.cn/rs/img/housemove/sad@2x.png?v=20200526) no-repeat center 100%;
	background-size: 150%;
}

.tired-to-move-house img {
	display: block;
	width: 100%;
}


/*交给我们，搬家不累也不贵*/

.show-advantage-div {
	width: 100%;
	height: 8rem;
	overflow: hidden;
	position: relative;
}

.show-advantage-ul {
	position: relative;
	top: 0;
	left: 0;
	transition: all 0.3s;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.show-advantage-ul>li {
	position: relative;
}

.show-advantage-ul>li img {
	display: block;
	width: 100%;
	height: 8rem;
}

.character-description {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 6.62rem;
	box-sizing: border-box;
	/*background: white;*/
	color: #F16622;
	background: rgba(171, 173, 189, 0.7);
}

.character-description>li {
	transition: all 0.3s;
	box-sizing: border-box;
	width: 100%;
	height: 25%;
	text-align: center;
}

.character-description>li:hover {
	background: url(https://www.huolala.cn/rs/img/housemove/selected.png) no-repeat right top/contain;
}

.character-description>li>a {
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	overflow: hidden;
	text-overflow: ellipsis;
}

.character-description>li>a strong {
	font-size: 0.46rem;
}

.character-description>li>a p {
	font-size: 0.3rem;
}


/*多种搬家、多种选择*/


/*城市列表选取区域开始 start*/

#all-take-order-selections {
	width: 100%;
	height: auto;
	/*margin: 0.4rem auto;*/
}

#select-cities {
	position: relative;
	padding: 0.2rem 0;
}


/*点击选取城市并下单*/

#select-cities>p {
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding: 0.1rem 0;
	background: orange;
	border-radius: 0.5rem;
}

#select-cities>p a {
	color: white;
	font-size: 0.34rem;
}


/*当前城市：南京、、、*/

#city-addr {
	padding: 0.2rem 0;
	color: orangered;
	font-size: 0.3rem;
}


/*含有各个城市的div：阿拉善，阿拉尔，阿克苏……*/

#cityLists {
	overflow: hidden;
	width: 80%;
	height: 7rem;
	box-shadow: 0px 0px 28px rgba(241, 104, 40, 0.2);
	transition: all 0.4s;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0.2rem;
	z-index: 90;
}

.show-height {
	/*用于实现显示，隐藏转换的类名*/
	height: 0!important;
}


/*含有城市拼音字母的列表的div：abcd、efghj、klmn、pqrstw、xyz*/

#cityLists>div:nth-of-type(1) {
	width: 100%;
	height: 1rem;
	line-height: 0.8rem;
	padding: 0.2rem 0;
}

#city-head-letter-ul>li {
	flex: 1;
	box-sizing: border-box;
}

#cityLists .detaCityList {
	height: 6rem;
	overflow: auto;
	box-sizing: border-box;
	padding: 0.4rem 0;
}
/*去除滚动条样式*/
#cityLists .detaCityList::-webkit-scrollbar {
	display: none;
}
/*加载好文静后，先展示第一个ul列表里面的城市名称列表，之后根据需求来点击选择展示其他的ul列表*/
.detaCityList>ul.display-flex:nth-of-type(1)~ul.display-flex {
	display: none;
}

#cityLists .detaCityList>ul.display-flex>li {
	width: 45%;
	height: auto;
	padding: 0.16rem 0;
	box-sizing: border-box;
	box-shadow: 0px 0px 28px rgba(241, 104, 40, 0.2);
}

#cityLists .detaCityList>ul.display-flex>li>a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}


/*扫码下单系列的div*/

#take-order-list {
	padding: 0.2rem 0;
	box-sizing: border-box;
	background: url(https://www.huolala.cn/rs/img/housemove/packages_bg.png) no-repeat;
	background-size: cover;
	
	height: auto;
}

#take-order-list>ul.display-flex {
	width: 100%;
	height: auto;
	margin: 0.2rem auto;
	/*padding: 0 10%;*/
}

#take-order-list>ul.display-flex>li {
	height: auto;
	box-sizing: border-box;
	padding-bottom: 0.2rem;
	background: white;
	box-shadow: 0px 0px 28px rgba(241, 104, 40, 0.2);
	border-radius: 0.3rem;
	font-size: 0.3rem;
	margin: 0.1rem auto;
}
@media screen and (min-width: 0px) {
	#take-order-list>ul.display-flex>li {
		width: 90%;
	}
}
@media screen and (min-width: 400px) {
	#take-order-list>ul.display-flex>li {
		width: 45%;
	}
}
@media screen and (min-width: 600px) {
	#take-order-list>ul.display-flex>li {
		width: 24%;
	}
}
#take-order-list>ul.display-flex>li>div:not(:first-of-type) {
	padding: 0.1rem 0;
	font-size: 0.28rem;
}
#take-order-list>ul.display-flex>li a {
	color: orangered;
}
#take-order-list .order-img {
	width: 100%;
	height: auto;
}
/*货车类型展示图片的div*/
.order-img img {
	width: 100%;
	height: auto;
}

#take-order-list>ul.display-flex>li strong {
	font-size: 0.5rem;
}

#take-order-list>ul.display-flex>li p span {
	color: orange;
	font-size: 0.4rem;
}


/*含有扫码下单字样的按钮与小程序二维码图片，橙色背景*/

.show-scan-2D-img {
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 0.2rem 0;
	border-radius: 0.37rem;
	background: rgba(255, 140, 0, 0.7);
	color: white;
	font-size: 0.34rem;
	text-align: center;
	cursor: pointer;
}

.show-scan-2D-img>div {
	position: absolute;
	left: 80%;
	top: -60px;
	width: 150px;
	height: 160px;
	z-index: -1;
	opacity: 0;
	transition: all 0.3s;
	background: rgba(241, 100, 0, 0.9);
	padding: 5px 0;
	box-sizing: border-box;
}

.show-scan-2D-img:hover>div {
	/*width: 150px;*/
	z-index: 6;
	opacity: 1;
	/*box-shadow: 0px 0px 28px rgba(241, 104, 40, 0.2);*/
	/*border: 1px solid orange;*/
}

.show-scan-2D-img>div img {
	width: 120px;
	height: auto;
	vertical-align: middle;
}

.triangle-span {
	position: absolute;
	top: 45%;
	right: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px;
	border-color: transparent rgba(241, 100, 0, 0.9) transparent transparent;
	/*border-right-width: 0;*/
}

.show-scan-2D-img:hover>div p {
	font-size: 15px;
	padding: 5px 0;
}